
/*.contain>div{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
.bgcolor1{
    background-color: rebeccapurple;
    /*grid-column-start: 1;*/
    /*grid-column-end: 3;*/
}
.bgcolor2{
    background-color: rosybrown;
    grid-column-start: span 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 4;

}
.bgcolor3{
    background-color: red;
}
.bgcolor4{
    background-color: aliceblue;
}
.bgcolor5{
    background-color: antiquewhite;
}
.bgcolor6{
    background-color: aqua;
}
.bgcolor7{
     background-color: fuchsia;
 }
.bgcolor8{
    background-color: gold;
}
.bgcolor9{
    background-color: green;
}
.bgcolor10{
    background-color: darkslategray;
}

.contain{
    display:grid;
    grid-template-rows: repeat(3,100px);
    grid-template-columns:200px 200px;
    grid-auto-rows: 300px;
    grid-auto-flow: column;
}
